@charset "utf-8";

.flexslider {width: 100%;padding: 0;}
.flexslider .slides li {display: none;}
.flexslider .slides img {max-width: 100%; display: block;}

#container {width:100%; max-width: 800px; margin-bottom:20px;}

.flexslider {background: #fff; 
position: relative; 
}
.flexslider .slides  li {position: relative;}
.flexslider-container {position: relative;}

.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 12px; line-height: 18px; text-align:center;}

.flex-direction-nav li a {width: 60px; height: 60px; margin: -13px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background-position: -52px 0; right: 101px;background:url(../img/arrow_right.png) no-repeat}
.flex-direction-nav li a.prev {background-position: 0 0; left:101px;background:url(../img/arrow_left.png) no-repeat}

.flex-control-nav {text-align: center;position: absolute; bottom: 15px; left: 45%} 
.flex-control-nav li {margin: 0 10px 0 5px; float: left; list-style:none}
.flex-control-nav li:first-child {margin-right: 10px}
.flex-control-nav li a {width: 16px; height: 16px; display: block;  cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover { }
.flex-control-nav li a.active {cursor: default; }